<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CryptedUniversity</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="screen-orientation" content="portrait" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="shortcut icon" type="image/ico" href="../favicon.ico" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    
    
      <link rel="stylesheet" href="../css/main.css">
<link rel="stylesheet" href="../css/index.css">

    
  </head>
  <body>
    <div class="app gry" id="app" v-lock>
      <div class="content">
        <div class="page-header header">
          <div class="container white">
            <!-- menu -->
            <nav class="navbar">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="./index.html">
        <img alt="brand" class="brand1" src="../icon/gamelogo1.png" style="width: 322px; height: 71px;">
        <img alt="brand" class="brand2" src="../icon/gamelogo2.png" style="width: 322px; height: 71px;">
      </a>
    </div>
    <div class="navbar-text navbar-right">
    		<a v-if="nickshow" class="btn btn-info" data-toggle="modal" data-target=".bs-example-modal-lg" style="padding: 2px 12px;">{{nick}} <img v-if="ctryid != '999'" class="flag" :src="changectry(ctryid)"/></a>
      	<a href="./star.html#" class="navbar-link n-link">{{lge.header.nav1}}</a>
      	<a href="./star.html#mystar" class="navbar-link n-link">{{lge.header.nav2}}</a>
      	<a class="navbar-link n-link" id="logininfo" data-container="body" data-trigger="hover" data-toggle="popover" data-placement="bottom" :data-content="account"><img class="ytf" v-if="account.length>20" src="../icon/denglu001.png"/><img class="ytf" v-if="account.length<=20" src="../icon/denglu002.png"/></a>
    </div>
  </div>
</nav>

            <!-- menu end -->
            <div class="jumbotron jumb">
              <img src="../images/font.png" class="font">
              <p class="btn-box"><a class="btn btn-lg" href="./star.html" role="button">{{lge.enter}} <i class="glyphicon glyphicon-globe"></i></a></p>
            </div>
            <div class="text-center">
              <h5 class="contact">{{lge.contact}}</h5>
              <nav class="navbar con-list">
                <a href="#" class="navbar-link link qq"></a>
                <a href="#" class="navbar-link link fb"></a>
                <a href="#" class="navbar-link link tt"></a>
                <a href="#" class="navbar-link link ml"></a>
                <a href="#" class="navbar-link link tk"></a>
              </nav>
            </div>
          </div>
        </div>
        <!-- Domination -->
        <div class="container page2">
          <div class="col-md-6 col-xs-12" v-html="lge.con1"></div>
          <div class="col-md-6 col-xs-12 align-c">
            <img src="../images/Zhujiemian001.png" class="demo1">
          </div>
        </div>

        <div class="page3">
          <div class="container">
            <div class="col-md-6 col-xs-12 align-c">
              <img src="../images/Zhujiemian002.png" class="demo2">
            </div>
            <div class="col-md-6 col-xs-12">
              <div class="panal" v-html="lge.con2"></div>
            </div>
          </div>
        </div>

        <div class="container page2">
          <div class="col-md-6 col-xs-12" v-html="lge.con3"></div>
          <div class="col-md-6 col-xs-12 align-c">
            <img src="../images/Zhujiemian003.png" class="demo1">
          </div>
        </div>

        <div class="page3">
          <div class="container">
            <h2>{{lge.road}}</h2>
            <div class="row">
	            <div class="col-md-6 col-xs-12">
	              <div class="panel panel-primary p-item1" v-html="lge.roadcon1"></div>
	            </div>
	            <div class="col-md-6 col-xs-12">
	              <div class="panel panel-success p-item2" v-html="lge.roadcon2"></div>
	            </div>
	            <div class="col-md-6 col-xs-12">
	              <div class="panel panel-info p-item3" v-html="lge.roadcon3"></div>
	            </div>
	            <div class="col-md-6 col-xs-12">
	              <div class="panel panel-warning p-item4" v-html="lge.roadcon4"></div>
	            </div>
	            <div class="col-md-6 col-xs-12">
	              <div class="panel panel-danger p-item5" v-html="lge.roadcon5"></div>
	            </div>
	            <div class="col-md-6 col-xs-12">
	              <div class="panel panel-info p-item6" v-html="lge.roadcon6"></div>
	            </div>
            </div>
          </div>
        </div>

        <div class="container page2">
          <div class="col-md-6 col-xs-12 align-c">
            <img src="../images/Zhujiemian004.png" class="demo1">
          </div>
          <div class="col-md-6 col-xs-12" v-html="lge.con4"></div>
        </div>

        <div class="page3">
          <div class="container text-center">
            <div class="page-header" v-html="lge.con5"></div>
            <a href="./star.html" class="btn btn-primary btn-lg">{{lge.start}}</a>
          </div>
        </div>
      </div>
      <!--footer-->
      <footer class="footer">
  <div class="container">
    <div class="col-md-2 col-xs-6">
      <h5>{{lge.footer.nav1}}</h5>
      <!-- <a href="./index.html" class="f-link">{{lge.footer.link1}}</a> -->
      <a href="./how.html" class="f-link">{{lge.footer.link2}}</a>
      <a href="./help.html" class="f-link">{{lge.footer.link3}}</a>
      <a href="./news.html" class="f-link">{{lge.footer.link4}}</a>
      <a href="./tos.html" class="f-link">{{lge.footer.link5}}</a>
      <h5>{{lge.footer.nav2}}</h5>
      <a href="./star.html" class="f-link">{{lge.footer.link6}}</a>
      <a href="./star.html#mystar" class="f-link">{{lge.footer.link7}}</a>
      <!-- <a href="#" class="f-link">{{lge.footer.link8}}</a> -->
    </div>
    <div class="col-md-2 col-xs-6">
      <img src="../icon/btclogo.png" alt="">
      </br></br>
      <img src="../icon/metamask.png" alt="">
    </div>
    <div class="col-md-5 col-xs-2">
    	
    </div>
    <div class="col-md-3 col-xs-12">
    	</br></br><br><br><br>
      <h5>All rights reserved. </h5>
      <h5>©2018 CryptedUniversity.io</h5>
      <nav class="navbar f-list">
        <a href="#" class="navbar-link link qq"></a>
        <a href="#" class="navbar-link link fb"></a>
        <a href="#" class="navbar-link link tt"></a>
        <a href="#" class="navbar-link link ml"></a>
        <a href="#" class="navbar-link link tk"></a>
      </nav>
    </div>
  </div>
</footer>
<div class="btn ln-btn">
  <span>{{lgename}}</span>
  <ul>
    <li @click="setlanguage('en')">English</li>
    <!--<li @click="setlanguage('ko')">한국어</li>-->
    <li @click="setlanguage('zh')">中文</li>
  </ul>
</div>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>


  <script src="../js/lib/vue.min.js" charset="utf-8"></script>


      <!--footer end-->
    </div>
    
    
      <script src="../js/i18n/i18n_index.js" charset="utf-8"></script>
<script src="../js/main.js" charset="utf-8"></script>
<script src="../js/index.js" charset="utf-8"></script>

    
  </body>
</html>
